<template>
  <div>
      <h1>Bob</h1>
        <ul>
            <li><a href="javascript:;" @click="Bob('/blog','blog')">blog</a></li>
            <li><a href="javascript:;" @click="Bob('/fax','fax')">fax</a></li>
        </ul>
        <br>
        <router-view></router-view>
  </div>
</template>

<script>
export default {
    name:'Bob',
    methods:{
        Bob(path,name){
            this.$router.push({
                name:name
            })
        }
    }
}
</script>

<style lang="less" scoped>
       a{
        font-size: 16px;
        margin-right: 15px;
        text-decoration: underline;
        color: red;
    }
</style>